<template>
	<li>
		<a :disabled="data.disabled" :class="classes">
			{{ data.label }}
		</a>
	</li>
</template>

<script>
	export default {
		name: 'VMenuItem',
		props: {
			data: {type: Array | Object},
			setVal: {type: Object},
			select: {type: Object}
		},
		computed: {
			classes () {
				return {
					active: this.setVal.value === this.data.value,
					selected: this.select.value === this.data.value
				};
			}
		}
	};
</script>
